Before

<!doctype html>
<html lang="ar" dir="rtl">
	<meta charset="utf-8">
		<title>LG-004 — BEFORE</title>
		<body>
			<h1 class="page-title">الإعدادات</h1>
			<style>
			.page-title{ 
				text-align: left; 
				margin-right: auto;
				margin-left: 0; }
			</style>
		</body>
	</html>


After

<!doctype html>
<html lang="ar" dir="rtl">
	<meta charset="utf-8">
		<title>LG-004 — AFTER</title>
		<body>
			<h1 class="page-title">الإعدادات</h1>
			<style>
			.page-title { 
				text-align: start;
				margin-inline-start: 0;
				margin-inline-end: auto;}
			</style>
		</body>
	</html>

Notes:
Severity: P2 (critical flow)
Rule: SG §9 CSS Logical Props
Fix: Use logical alignment (start/end).
Verify: LTR unaffected; RTL aligns at visual start.
